<template>
<div class="OnlineRes">
    <!--人才信息-->
    <div class="Resume">
        <div class="userImg"><img :src="userImg" alt=""></div>
        <div class="userInfo">
            <div>张小凡</div>
            <div class="age">
                <div class="age margin1">
                    <div class="icon margin"></div>
                    <div>年龄</div>
                    <div class="empty"></div>
                </div>
                <div class="age margin1">
                    <div class="icon margin"></div>
                    <div>5年经验</div>
                    <div class="empty"></div>
                </div>
                <div class="age margin1">
                    <div class="icon margin"></div>
                    <div>年龄</div>
                    <div class="empty"></div>
                </div>
                <div class="age margin1">
                    <div class="icon margin"></div>
                    <div>年龄</div>
                    <div class="empty"></div>
                </div>
            </div>
            <div>
                <div>13554062206</div>
                <div>984727790@qq.com</div>
            </div>
        </div>
    </div>
    <!--期望职位-->
    <div></div>
    <!--工作经历-->
    <div></div>
    <!--底部-->
    <div></div>
</div>
</template>

<script>
export default {
  data() {
    return {
        userImg:require('@/assets/imgs/1.jpg')
    }
  },
  methods:{


  }
}
</script>

<style lang="scss" scoped>
    .OnlineRes{
        position: relative;
    }
.Resume{
    width: 700px;
    height: 167px;
    border: 1px solid #f7f7f7;
    margin-left: 48px;
    display: flex;
    flex-direction: row;
}
    .userImg{
        width:105px;
        height: 105px;
        margin-top: 32px;
        margin-left: 30px;
        img{
            width: 100%;
        }
    }
    .userInfo{
        display: flex;
        flex-direction: column;
        text-align: left;
        margin-top: 30px;
    }
    .userInfo>div{
        margin-bottom: 10px;
    }
    .icon{
        width: 16px;
        height: 16px;
        background: url("../../../assets/imgs/1.jpg") no-repeat;
    }
    .age{
        display: flex;
        flex-direction: row;
    }
    .margin{
        margin-right: 5px;
    }
    .margin1{
        margin-left:29px;
    }
    .empty{
        width: 2px;
        height: 15px;
        background: #666;
        margin-left: 30px;
        margin-top: 4px;
    }
</style>
